<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
		<meta name="misapplication-tap-highlight" content="no"/>
		<meta name="HandheldFriendly" content="true"/>
		<meta name="MobileOptimized" content="320"/>
		<title>信息</title>
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/base.css" />
		<style>
			.mui-table-view::before{
				background: none;
			}
			.mui-table-view::after{
				background: none;
			}
			.mui-table-view li{
				padding-top: 5px;
				padding-bottom: 5px;
			}
			.mar-top{
				margin-top: 10px;
			}
			.heights{
				height: 50px;
			}
			.fill-h{
				height: 70%;
			}
		</style>
	</head>
	<body>
		
		<header class="mui-bar mui-bar-nav">
		    <h1 class="mui-title">消息</h1>
		</header>
		<div class="mui-content">
		    <ul class="mui-table-view" onclick="goCompany()">
		            <li class="mui-table-view-cell">
		                <a class="mui-navigate-right" >
		                    <div class="flex v-center heights">
		                    	<img src="../img/company.png" class="fill-h" />
		                    <span>公司乐器</span>
		                    </div>
		                </a>
		            </li>
		            
		        </ul>
		        <ul class="mui-table-view mar-top" onclick="goPersonage()">
		            <li class="mui-table-view-cell">
		                <a class="mui-navigate-right">
		                    <div class="flex v-center heights">
		                    	<img src="../img/personal.png" class="fill-h" />
		                    <span>个人乐器</span>
		                    </div>
		                </a>
		            </li>
		            
		        </ul>
		        <ul class="mui-table-view mar-top" onclick="goCompetition()">
		            <li class="mui-table-view-cell">
		                <a class="mui-navigate-right">
		                    <div class="flex v-center heights">
		                    	<img src="../img/vs.png" class="fill-h" />
		                    <span>赛事</span>
		                    </div>
		                </a>
		            </li>
		            
		        </ul>
		        <ul class="mui-table-view mar-top" onclick="goVip()">
		            <li class="mui-table-view-cell">
		                <a class="mui-navigate-right">
		                    <div class="flex v-center heights">
		                    	<img src="../img/zuanshi.png" class="fill-h" />
		                    <span>会员购买</span>
		                    </div>
		                </a>
		            </li>
		            
		        </ul>
		        <ul class="mui-table-view mar-top" onclick="goCooperation()">
		            <li class="mui-table-view-cell">
		                <a class="mui-navigate-right">
		                    <div class="flex v-center heights">
		                    	<img src="../img/hezuo.png" class="fill-h"/>
		                    <span>商务合作</span>
		                    </div>
		                </a>
		            </li>
		            
		        </ul>
		</div>
		
		
		<script type="text/javascript" src="../js/mui.min.js"></script>
		<script src="../js/local-keys.js"></script>
		<script>
			mui.init();
			function goCompany(){
				mui.openWindow({
					url: "message-musical-company.html"
			    });
			}
			
			function goPersonage(){
				mui.openWindow({
					url: "message-musical-personage.html"
			    });
			}
			
			function goCompetition(){
				mui.openWindow({
					url: "message-competition.html"
			    });
			}
			function goVip(){
				mui.openWindow({
					url: "message-vip.html"
			    });
			}
			
			function goCooperation(){
				mui.openWindow({
					url: "message-cooperation.html"
			    });
			}
		</script>
	</body>
</html>
